﻿body {
    font-family: 'Segoe UI', sans-serif;
}

span {
    font-style: italic;
}

/*app 的初始配置页面按钮样式*/
.ConfigurationPageBut { 
    background: #549788;
    display: block; /*input 行内元素, block 改变为块元素, 可定义宽高*/
    color: white;
    text-align: center;
    position: absolute;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 50%;
    border-radius: 5px;
    left: 25%;
    outline: none;
    border: none;
}
    /*按下变为橙色*/
    .ConfigurationPageBut:active {
        background: orange;
        display: block; /*input 行内元素, block 改变为块元素, 可定义宽高*/
        color: white;
        text-align: center;
        position: absolute;
        padding-bottom: 20px;
        padding-top: 20px;
        width: 50%;
        border-radius: 5px;
        left: 25%;
        outline: none;
        border: none;
    }

/*登录页面的小按钮样式*/
.smallGreenButton  {
    background: #549788;
    display: block;
    color: white;
    text-align: center;
    position: absolute;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 25%;
    border-radius: 2px;
    left: 38%;
    outline: none; /*绘制于元素周围的一条线, 位于边框边缘的外围*/
    border: none;
}
    /*按下变为橙色*/
    .smallGreenButton:active {
        background: orange;
        display: block;
        color: white;
        text-align: center;
        position: absolute;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 25%;
        border-radius: 2px;
        left: 38%;
        outline: none; /*绘制于元素周围的一条线, 位于边框边缘的外围*/
        border: none;
    }

/*页面头部标题栏字体样式*/
.configurationDetailTit {
    position: absolute;
    width: 100%;
    color: white;
    background: #549788;
    text-align: center;
}
    /*按下变为橙色*/
    .configurationDetailTit:active {
        position: absolute;
        width: 100%;
        color: white;
        background: orange;
        text-align: center;
    }

/*更改设备名按钮下拉框*/
.changeEquipNameSpinner {
    top: 57%;
    right: 1%;
    width: 20%;
    display: block;
    background: #549788;
    color: white;
    text-align: center;
    position: absolute;
    outline: none;
    border: none;
    padding-bottom: 5%;
    padding-top: 5%;
    border-radius: 2px;
}
    /*按下变为橙色*/
    .changeEquipNameSpinner:active {
        top: 57%;
        right: 1%;
        width: 20%;
        display: block;
        background: orange;
        color: white;
        text-align: center;
        position: absolute;
        outline: none;
        border: none;
        padding-bottom: 5%;
        padding-top: 5%;
        border-radius: 2px;
    }

/*右上角白色按钮*/
.rightTopWhiteButton {
    position: absolute;
    background: white;
    display: block;
    text-align: center;
    font-size: 3px;
    padding-bottom: 2.5%;
    padding-top: 2.5%;
    color: #549788;
    right: 2%;
    top: 0.8%;
    width: 23%;
    border-radius: 2px;
    outline: none;
    border: none;
}
    
    /*按下变为灰色*/
    .rightTopWhiteButton:active {
        position: absolute;
        background: gray;
        display: block;
        text-align: center;
        font-size: 3px;
        padding-bottom: 2.5%;
        padding-top: 2.5%;
        color: #549788;
        right: 2%;
        top: 0.8%;
        width: 23%;
        border-radius: 2px;
        outline: none;
        border: none;
    }

/*弹出对话框标题*/
text.alertWindowTitle {
    position: absolute;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 25%;
    padding-bottom: 10%;
    font-size: 16px;
    color: #AAAAAA;
}

/*页面头部标题栏返回按钮样式*/
img.configurationDetailReturn {
    position: absolute;
    width: auto;
    height: 40%;
    padding-left: 3%;
    padding-top: 4%;
    padding-right: 3%;
    padding-bottom: 4%;
}

/*场景模式字体样式*/
.configurationDetailText {
    position: absolute;
    top: 58%;
    text-align: center;
    width: 100%;
    font-size: 20px;
}

/*场景模式图片样式*/
.configurationDetailImage {
    padding-top: 23%;
    width: 30%;
    height: 30%;
    padding-left: 35%;
}

/*场景模式的 div 样式*/
div.configurationDetai {
    position: absolute;
    width: 49.8%;
    height: 28%;
    border: 1px solid #95989A;
    background: #FAF0F0;
}

/*登录界面灰色框*/
div.grayFrameShow {
    position: absolute;
    width: 60%;
    height: 18%;
    border: none;
    background: #EBEBEB;
    border-radius: 5px;
}

/*弹出白色对话框*/
div.whiteFrameShow {
    position: absolute;
    width: 90%;
    height: 38%; /*18%*/
    top: 20%;
    left: 5%;
    border: none;
    background: #FFFFFF;
    border-radius: 1px;
}

/*灰色背景框*/
div.grayContainerShow {
    width: 100%;
    height: 100%;
    background: #ABABAB;
    position: absolute;
}

/*淡色背景框*/
div.lightContainerShow {
    width: 100%;
    height: 100%;
    background: #F4F4F4;
    position: absolute;
}

/*输入横线样式*/
.inputLine {
    BORDER-LEFT-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-TOP-STYLE: none;
}
